<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <link rel="icon" href="favicon.png" type="image/x-icon">
  <title>关于我们</title>
  <style>
  html,
  body {
    position: relative;
    height: 100%;
  }

  body {
    background: #eee;
    font-family: '微软雅黑';
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
    user-select: none;
  }

  .page {
    width: 100%;
    height: 100%;
  }

  .top-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    padding: 0 150px;
    box-sizing: border-box;
  }

  .bg {
    width: 100%;
    height: 100%;
    background: url(/mobile/img/web-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
  }

  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    padding: 0 8.8541vw;
    box-sizing: border-box;
  }

  .footer .btn-box {
    border: 2px solid #000;
  }
  .footer .btn-box:hover {
    border-color: transparent;
  }

  .donwload-btn {
    display: flex;
  }

  .text-1 {
    width: 34.0104vw;
    margin-bottom: 50px;
  }

  .btn-box {
    width: 14.0625vw;
    line-height: 5.0520vw;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 17px;
    font-size: 0;
    margin-right: 1.6666vw;
  }

  .btn-box:hover {
    background: linear-gradient(270deg, #9358F4 0%, #6E53F3 100%);
  }

  .btn-box a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
  }

  .btn-box a:hover {
    color: #fff;
  }

  .btn-box span {
    vertical-align: middle;
    margin-left: 17px;
    line-height: 1;
    font-size: 1.77vw;
  }

  .btn-box:last-child {
    margin-left: 32px;
  }

  .a-1 {
    filter: brightness(0);
    vertical-align: middle;
  }

  .btn-box:hover .a-1 {
    filter: brightness(100);
  }

  .link {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 9px 0;
  }

  .link li {
    margin-left: 2.8125vw;
  }

  .link a {
    text-decoration: none;
    color: #000;
    font-size: 0.8333vw;
  }

  .qr-code {
    width: 5.0520vw;
    height: 5.0520vw;
    border: 2px solid #000;
    border-radius: 17px;
  }

  .footer-right {
    margin-left: 7.8125vw;
  }

  .down-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 99;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
  }

  .info {
    width: 50vw;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    margin-top: 140px;
  }

  .info-title {
    font-size: 3.125vw;
    margin-bottom: 80px;
    font-weight: bold;
    position: relative;
  }

  .info-title:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    content: '';
    display: inline-block;
    width: 12.5vw;
    height: 8px;
    background: linear-gradient(270deg, #9358F4 0%, #6E53F3 100%);
  }

  .info p {
    color: #383838;
    text-indent: 2em;
    font-size: 1.0416vw;
  }
  .logo-link {
    font-size: 0;
  }
  .copyright {
    font-size: 12px;
    text-align: left;
    color: #8c8c8c;
  }

  </style>
</head>

<body>
  <div class="page">
    <div class="top-bar">
      <a class="logo-link" href="/">
        <img class="logo" src="/mobile/img/web-logo.png" alt="">
      </a>
    </div>
    <div class="bg">
      <div class="info">
        <div class="info-title">公司简介</div>
        <p>四川贝贝语音科技发展有限责任公司成立于2023年，是四川一家多元化的互联网科技公司，专为有才华的年轻人打造的一个语音直播平台。随着时下最潮最吸金的网络直播行业兴起，多少年轻人依靠直播平台实现了自己的人生梦想。</p>
        <p>公司宗旨以员工为核心，一起成长，一起奋斗。通过网络直播这一平台，充分利用线上线下资源为签约艺人提供全方位的培训以及一流的包装推广，全力将在线艺人打造成为多栖艺人，让真正有能力、有梦想的在线艺人实现自己真正的演艺价值。如果你颜值高、爱唱歌、有才艺，何不趁着年轻挑战一下，通过网络用你的才华和魅力征服成千上万的粉丝，成为万众瞩目的超级巨星，登上自己的梦想舞台!</p>
      </div>
      <div class="footer">
        <div class="footer-left">
          <div class="donwload-btn">
            <div class="btn-box">
              <a href="https://apk.zgbbyy.com/app/bbyy.apk" target="_blank">
                <img class="a-1" src="/mobile/img/android1.svg" alt="" width="36" height="36"><span>Android</span>
              </a>
            </div>
            <div class="btn-box">
              <a href="https://apps.apple.com/cn/app/id6445904230" target="_blank">
                <img class="a-1" src="/mobile/img/ios1.svg" alt="" width="36" height="36"><span>App Store</span>
              </a>
            </div>
            <img class="qr-code" src="/mobile/img/apk-download.png" alt="" width="36" height="36">
          </div>
        </div>
        <div class="footer-right">
          <ul class="link">
            <li>
              <a href="./about.html">关于我们</a>
            </li>
            <li>
              <a href="./contact.html">联系我们</a>
            </li>
            <li>
              <a href="https://www.zgbbyy.com/mobile/common/index.html?id=2">公会协议</a>
            </li>
            <li>
              <a href="https://www.zgbbyy.com/mobile/common/index.html?id=10">主播协议</a>
            </li>
            <li>
              <a href="https://www.zgbbyy.com/mobile/common/index.html?id=4">服务协议</a>
            </li>
            <li>
              <a href="https://www.zgbbyy.com/mobile/common/index.html?id=3">隐私政策</a>
            </li>
          </ul>
          <ul class="link">
            <li>
              <a href="#">客服热线：028-85099333</a>
            </li>
            <li>
              <a href="mailto:zgbbyy@qq.com">邮箱：zgbbyy@qq.com</a>
            </li>
          </ul>
          <ul class="link">
            <li>
              <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">蜀ICP备2023011970号-1</a>
            </li>
          </ul>
          <ul class="link">
            <li class="copyright">Copyright&copy; 2024 四川贝贝语音科技发展有限责任公司. 版权所有<br>Sichuan Beibei Speech Sounds Science & Technology Development Co.,Ltd.Allrightsreserved.Copyright&copy;
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

</html>